<template>
    <view :class="[JkClass, 'jk-grid']">
        <slot></slot>
    </view>
</template>

<script>
    export default {
        name: 'Grid',
        props: {
            JkClass: {
                type: String,
                dafault: ''
            }
        }
    }
</script>

<style lang="scss">
.jk-grid {
    border-top: 1rpx solid #e9eaec;
    border-left: 1rpx solid #e9eaec;
    overflow: auto;
    &:after{
        content: '';
        display: table;
        clear: both;
    }
    &-item{
        position: relative;
        float: left;
        padding: 20px 10px;
        width: 33.33333333%;
        box-sizing: border-box;
        border-right: 1rpx solid #e9eaec;
        border-bottom: 1rpx solid #e9eaec;
    }
}
</style>
